<script setup lang="ts">

import DataOverview from "@/views/platform/dataOverview.vue";
import Notice from "@/views/platform/notice.vue";
import Task from "@/views/platform/task.vue";
import ConformanceHint from "@/views/platform/conformanceHint.vue";
import TaskStatistics from "@/views/platform/taskStatistics.vue";
</script>

<template>
<div class="page-wrap">
  <!-- 数据预览 -->
  <data-overview class="data-overview"></data-overview>

  <!-- 通知公告 -->
  <notice class="notice"></notice>

  <!-- 任务待办 -->
  <task class="to-be-handled" title="任务待办"></task>

  <!-- 上报待办 -->
  <task class="to-be-reported" title="上报待办"></task>

  <!-- 合规提示 -->
  <conformance-hint class="conformance-hint"></conformance-hint>

  <!-- 任务下发和主动上报统计 -->
  <task-statistics></task-statistics>
</div>
</template>

<script lang="ts">
export default {
  name: "platform"
}
</script>

<style scoped lang="scss">
.page-wrap{
  padding: 1rem;
}
.data-overview, .notice, .to-be-handled, .to-be-reported, .conformance-hint{
  margin-bottom: 1.5rem;
}
</style>